<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="bower_components/vue/dist/vue.min.js"></script>

</head>
<body>

<template id="loading-template">
  <div class="loading-overlay">
    <div class="sk-three-bounce">
      <div class="sk-child sk-bounce1">1</div>
      <div class="sk-child sk-bounce2">2</div>
      <div class="sk-child sk-bounce3">3</div>
    </div>
  </div>
</template>

<div id="help">
  <loading v-show="showLoading"></loading>
</div>


</body>
<script>
  var help = new Vue({
    el: '#help',
    data: {
      showLoading: true
    },
    components: {
      'loading': {
        template: '#loading-template',
      }
    }
  })

</script>
</html>